import React, { useContext } from "react";

import { SortableContext } from "@dnd-kit/sortable";
import SchemaField, { SchemaFieldContext } from "../../lowgo/core/SchemaField";
import { DesignFrameworkContext } from "../../lowgo/design/DesignFramework";

const Preview = () => {
  const { items } = useContext(SchemaFieldContext);
  console.log("itemsitemsitems", items);
  return (<SchemaField items={items} item={items} />
    // <SortableContext items={items}>
    //   {items.map((item: { _id: any; }) => {
    //     return <SchemaField key={item._id} item={item} />;
    //   })}
    // </SortableContext>
  );
};
export default Preview;
